.decontent{
			width: 1100px;
			margin: auto;
			overflow: auto;
			margin-top: 100px;
		}
		.de-left{
			width: 500px;
			height: 400px;
			float: left;
		}
		.panel{
			background: white;
			border: 1px solid black;
		}
		.de-right{
			margin-left: 100px;
			width: 500px;
			float: left;
		}
		.de-right h1{
			font-weight: 700;
			margin-top: 20px;
			width: 100%;
			font-size: 25px;
			text-align: left;
		}
		.de-right p{
			margin-top: 10px;
			width: 100%;
			font-size: 20px;
			text-align: left;
			padding-bottom: 10px;
		}
		.de-right ul{
			width: 100%;
		}
		.de-right ul li{
			width: 100%;
			margin-top: 10px;
			list-style: disc;
			font-size: 14px;
		}
		.de-bottom{
			margin-top: 50px;
			padding-bottom:30px ;
			width: 100%;
			float: left;
			border-bottom: 1px solid rgb(150,150,150);
		}
		.de-bottom ul{
			width: 100%;
			max-width: 800px;
			margin: auto;
			overflow: auto;
		}
		.de-bottom ul li{
			box-sizing: border-box;
			border: 1px solid white;
			width: 200px;
			height: 200px;
			float: left;
			margin-left: 25px;
		}
		.de-bottom ul li:hover{
			border: 1px solid rgba(16,95,240,0.5);
		}
		.de-bottom ul li .bacg{
			width: 100%;
			height: 160px;
		}
		.de-bottom ul li p{
			width: 100%;
			height: 38px;
			line-height: 38px;
			text-align: center;
		}
		.de-bottom ul li:first-child{
			margin-left: 0;
		}
		.de-top{
			width: 100%;
			height: 300px;
			background: url(/img/fourcat.jpg);
			background-size:100% 100% ;
		}
		.de-top1{
			z-index: -1;
			position: absolute;
			left: 0;
			top: 0;
			width: 100%;
			height: 300px;
			background: url(/img/fourcat1.jpg);
			background-size:100% 100% ;
		}
		@media only screen and (max-width:1100px ) {
			.decontent{
			width: 500px;
			margin: auto;
			overflow: auto;
			margin-top: 100px;
		}
		.de-right{
			margin-left: 0px;
			width: 500px;
			float: left;
		}
		.de-right h1{
			text-align: center;
		}
		.de-right p{
			text-align: center;
		}
		.de-right ul li{
			width: 460px;
			margin-top: 10px;
			list-style: disc;
			box-sizing: border-box;
			margin-left: 40px;
			font-size: 14px;
		}
		}
		@media only screen and (max-width:500px ) {
				.decontent{
			width: 100%;
			margin: auto;
			overflow: auto;
			margin-top: 100px;
		}
		.de-right{
			width: 80%;
			margin-left: 10%;
		}
		.de-left{
			width: 80%;
			margin-left: 10%;
		}
		.de-right ul li{
			width: 100%;
			margin-top: 10px;
			list-style: disc;
			box-sizing: border-box;
			margin-left: 10%;
			font-size: 14px;
		}
		}